
<template>
  <div class="app">
    <topbar/>
    <div class="container" >

  <div class="Lp">

    <div class="zhishibar">帮助中心</div>

<div class="menuDiv">
    <ul>
      <!--<li>-->
        <!--<nuxt-link to='/info/1' >> 关于龙源文库</nuxt-link>-->
      <!--</li>-->
      <!--<li>-->
        <!--<nuxt-link to='/info/2' >> 文库协议</nuxt-link>-->
      <!--</li>-->
       <!--<li>-->
        <!--<nuxt-link to='/info/3'class="on">> 文库指南</nuxt-link>-->
      <!--</li>-->
      <!--<li>-->
        <!--<nuxt-link to='/info/4' >> 文库充值协议</nuxt-link>-->
      <!--</li>-->
      <!--<li>-->
        <!--<nuxt-link to='/info/5'>> 文库充值说明</nuxt-link>-->
      <!--</li>-->
      <!--<li>-->
        <!--<nuxt-link to='/info/6' >> 知识产权声明</nuxt-link>-->
      <!--</li>-->
      <!--<li>-->
        <!--<nuxt-link to='/info/8'>> 隐私保护指引</nuxt-link>-->
      <!--</li>-->
      <!--<li>-->
        <!--<nuxt-link to='/info/7'  >> 联系我们</nuxt-link>-->
      <!--</li>-->
      <li>
        <nuxt-link to='/info/3' class="on">> 文库指南</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/2' >> 文库协议</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/8'>> 隐私保护指引</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/1' >> 关于龙源文库</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/6'>> 知识产权声明</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/4'>> 文库充值协议</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/5'>> 文库充值说明</nuxt-link>
      </li>
      <li>
        <nuxt-link to='/info/7'  >> 联系我们</nuxt-link>
      </li>
    </ul>
  </div>

</div>


   <!-- 左右分离-->
     <div class="Rp bg-ffffff" >
        <div class="hmenu">
            <div class="name">文库指南</div>
        </div>
        <div class="content">
          <h3>1、如何注册龙源文库？</h3>
          <p>点击网站首页右上角的“注册”按钮，在弹出的注册页面输入正确的手机号码，点击获取短信验证码，凭借验证码即可注册成功。</p>
          <p><img src="../../assets/images/wkzn-1.png" ></p>

          <h3>2、如何登录龙源文库？</h3>
          <p>点击网站首页右上角的“登录”按钮，在弹出的登录页面中，输入手机号/邮箱、密码即可登录，或者通过绑定的微信、QQ、新浪微博登录。</p>
          <p><img src="../../assets/images/wkzn-2.png" ></p>

          <h3>3、忘记密码，如何找回？</h3>
          <p>登录页面点击忘记密码，输入手机号码或邮箱，验证码会发送至您绑定的手机号码或邮箱中，按提示重新设置密码即可。（注：如果没有收到验证消息，请查看短信或者邮件是否设置拦截）</p>


          <h3>4、如何进行账号设置？如何绑定微信、QQ、新浪微博、邮箱？</h3>
          <p>登录龙源文库账号，点击右上角小头像中的“账号设置”，在“账号设置”页面可自行绑定微信/QQ/新浪微博、编辑修改密码/手机号/邮箱，方便下次快捷登录。</p>
          <p><img src="../../assets/images/wkzn-3.png" ></p>

          <h3>5、如何进行充值？如何查看充值记录？</h3>
          <p>文库提供的搜索服务，如需查阅全文需要付费。当前充值有多种金额可选择，充值即获赠相应返现金券。</p>
          <p>登录龙源文库账号，点击右上角小头像，再点击右侧“立即充值”按钮，选择对应的充值金额及支付方式（微信或支付宝）进行支付即可；同时充值信息会自动记录到“交易记录”中。</p>
          <p><img src="../../assets/images/wkzn-4.png" ></p>

          <h3>6、如何购买所需文章？如何查看所购买的文章？</h3>
          <p>登录龙源文库账号，首页搜索并点击所需购买的文章标题，（试读文章后）点击“购买全文阅读”，选择对应的支付工具进行支付即可购买成功；同时购买信息及文章会自动记录到“交易记录”中。（已购买的文章可在交易记录中查看，点击文章标题可跳转至文章详情页面）</p>
          <p><img src="../../assets/images/wkzn-5.png" ></p>

          <p>注：请事先确认试读文章是您所需购买文章后，再进行购买。</p>


          <h3>7、如何进行高级搜索？</h3>
          <p>龙源文库支持【智能检索】和【高级检索】两种检索模式。高级检索模式可通过输入标题、正文、作者、期刊、栏目等5种类别关键词进行精准查询。同时还可根据文章分类、时间、来源等多种检索方式查询、同时支持并含、不含、或含同时检索。</p>
          <p><img src="../../assets/images/wkzn-6.png" ></p>




        </div>


     </div>

 </div>
<div class="gap100"></div>
 <Bottombar/>
  </div>
</template>

<script>
import Topbar from '~/components/Topbar.vue'
import Bottombar from '~/components/Bottombar.vue'
export default {
  components: {
    Topbar,
    Bottombar,

  },
  data(){
    return{

    }
  },
  created(){

  },
  methods:{

  }
}
</script>

<style scoped>

  .menuDiv { overflow: hidden;width:245px; background: #fff;box-shadow: 1px 2px 4px 0 rgba(218,218,218,0.50); padding: 20px 0;}
  .menuDiv a {text-decoration: none; color: #225599;width: 245px; height: 50px; line-height: 50px; font-size: 18px;}
  .menuDiv li, .menuDiv ul{padding: 0;margin:0;list-style: none; width: 245px; }
  .menuDiv > ul > li > a {display: block; padding-left:30px; color:#333;}
  .on{color:#0084ff !important;}


.content{ width: 100%; min-height: 600px;padding: 20px; }
.content p{ line-height:30px; font-size: 18px; margin-bottom: 20px;}
.content h3{ line-height:30px; font-size: 18px; margin-bottom: 20px; font-weight: 600;}
.content p img{ display: block; margin: 10px auto; }
.Rp{width: 875px; display:inline-block;float: right; overflow: hidden; margin-top:20px;}
.Lp{ width: 245px; display:inline-block; float: left;overflow: hidden;margin-top:20px;margin-right: 20px; }


.hmenu{border-bottom:1px solid #F0F2F7; width: 100%; height: 52px; clear: both; padding:0 15px; }
.hmenu .name{ color: #0080ff !important; border-bottom: 3px solid #0084FF;line-height: 50px; height: 50px; width: 120px; margin-right: 43px; display: inline-block; font-weight: 600; font-size: 26px;}
.zhishibar{ height: 40px; width: 270px;background-image: linear-gradient(-180deg, #1C7DE1 0%, #1674D4 52%, #0866C2 98%, rgba(232,56,41,0.80) 100%);border: 1px solid #0D6EB8;box-shadow: inset 0 1px 0 0 #358BE5;font-size: 20px;
color: #FFFFFF; line-height: 40px; text-align: center;}


</style>
